import { Box, useColorModeValue } from '@chakra-ui/react'
import * as React from 'react'

export const Card = (props) => (
    <Box
        bg={useColorModeValue('white', 'gray.700')}
        py="8"
        px={{
            base: '4',
            md: '10'
        }}
        shadow="base"
        rounded={{
            sm: 'lg'
        }}
        {...props}
    />
)
